<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/06.css">
</head>
<body>
    <div class="box">
        <!-- 头部 -->

        <div class="header">
            <div class="hea">
                <div class="h1">
                    <img src="./img/index-logo.png" alt="">
                </div>
                <div class="h2">
                    <ul>
                        <li>首页 |</li>
                        <li>产品中心 |</li>
                        <li>新闻中心 |</li>
                        <li>公司介绍 |</li>
                        <li>联系我们</li>
                    </ul>
                </div>
                <div class="h3">
                    <div class="span1">
                        <span>登录</span>
                        <span>注册</span>
                        <span>购物车</span>
                    </div>
                    <div class="span2">
                        <span>我的订单 |</span>
                        <span>帮助中心</span>
                    </div>
                </div>
            </div>
        </div>

        <!-- banner部分 -->
        <div class="banner">
            <div class="ban">
                <img src="./img/bannerBar01.png" alt="">
            </div>
        </div>

        <!-- body部分 -->
        <div class="main">
            <div class="ma">
                <div class="center">
                    <div class="top">
                        <div class="text">
                            <div class="img">
                                <img src="./img/car5.png" alt="">
                            </div>
                            <div class="content">
                                <span>HEKKA自行车最新产品新闻发布会详细内容>></span>
                                <span>2015-10-3</span>
                            </div>
                        </div>
                        <div class="text">
                            <div class="img">
                                <img src="./img/car5.png" alt="">
                            </div>
                            <div class="content">
                                <span>【赛事预告】2015“建大&桂盟杯”山地车越野计时赛(上海)>> </span>
                                <span>2015-9-25</span>
                            </div>
                        </div>
                        <div class="text">
                            <div class="img">
                                <img src="./img/car5.png" alt="">
                            </div>
                            <div class="content">
                                <span>百名车友“持向末来”爱心接力做慈普>></span>
                                <span>2015-9-20</span>
                            </div>
                        </div>
                        <div class="text">
                            <div class="img">
                                <img src="./img/car5.png" alt="">
                            </div>
                            <div class="content">
                                <span>英国但导HEKKA多骑自行车称可以节省保世支出>></span>
                                <span>2015-9-15</span>
                            </div>
                        </div>
                        <div class="text">
                            <div class="img">
                                <img src="./img/car5.png" alt="">
                            </div>
                            <div class="content">
                                <span>..适当廷长|自行车公司|曾待-西安新闻_华商网新间>></span>
                                <span>2015-9-10</span>
                            </div>
                        </div>
                        <div class="text">
                            <div class="img">
                                <img src="./img/car5.png" alt="">
                            </div>
                            <div class="content">
                                <span>要不买辆薄荷绿的永久自行车试试_公司新问_股票频道_全景网>></span>
                                <span>2015-10-3</span>
                            </div>
                        </div>
                        <div class="text">
                            <div class="img">
                                <img src="./img/car5.png" alt="">
                            </div>
                            <div class="content">
                                <span>HEKKA自行车最新产品新闻发布会详细内容>></span>
                                <span>2015-10-3</span>
                            </div>
                        </div>
                        <div class="text">
                            <div class="img">
                                <img src="./img/car5.png" alt="">
                            </div>
                            <div class="content">
                                <span>乐视网又要做超级自行车_公司新闻_股票频道_全景网>></span>
                                <span>2015-10-3</span>
                            </div>
                        </div>
                    </div>

                     <!-- 页码部分 -->

                    <div class="bottom">
                        <div class="bott">
                            <ul>
                                <li><div><span>上一页</span></div> </li>
                                <li>1</li>
                                <li>2</li>
                                <li>3</li>
                                <li>4</li>
                                <li>5</li>
                                <li>...</li>
                                <li><div><span>下一页</span></div> </li>
                                <li><div></div> </li>
                                <li><span>跳转页</span></li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
     
        <!-- footer部分 -->
       
        <div class="footer">
            <div class="foo">
                <div>
                    <span>首页 |</span>
                    <span>产品中心 |</span>
                    <span>新闻中心 |</span>
                    <span>公司介绍 |</span>
                    <span>联系我们</span>
                </div>
                <div>
                    <span>HAKKA相关站点链接：LIV |</span>
                    <span>黑客自行车 |</span>
                    <span>单车运动 |</span>
                    <span>基金会 |</span>
                    <span>全国加盟</span>
                </div>
                <div>
                    <span>版权：xxxxx xxxxxxxxxxxxxxxxxx公司</span>
                </div>
            </div>
        </div>

    </div>
</body>
</html>